home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7684 / 7684.xpi / chrome / firefm.jar / skin / flock / fmTrackInfo.css < prev    next >
Cascading Style Sheet File  |  2009-08-18  |  4KB  |  180 lines
  1. /**
  2.  * Copyright (c) 2008, Jose Enrique Bolanos, Jorge Villalobos
  3.  * All rights reserved.
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions are met:
  7.  *
  8.  *  * Redistributions of source code must retain the above copyright notice,
  9.  *    this list of conditions and the following disclaimer.
  10.  *  * Redistributions in binary form must reproduce the above copyright notice,
  11.  *    this list of conditions and the following disclaimer in the documentation
  12.  *    and/or other materials provided with the distribution.
  13.  *  * Neither the name of Jose Enrique Bolanos, Jorge Villalobos nor the names
  14.  *    of its contributors may be used to endorse or promote products derived
  15.  *    from this software without specific prior written permission.
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  18.  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  19.  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  20.  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
  21.  * OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  22.  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
  23.  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
  24.  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  25.  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
  26.  * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  27.  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  **/
  29.  
  30. /* General style. */
  31.  
  32. fmtrackinfo {
  33.   -moz-box-align: center;
  34.   min-width: 7em;
  35. }
  36.  
  37. fmtrackinfo[small="true"] .firefm-info-message,
  38. fmtrackinfo[small="true"] .firefm-track-info,
  39. fmtrackinfo[small="true"] .buffering-label {
  40.   display: none;
  41. }
  42.  
  43. fmtrackinfo:not([small="true"]) {
  44.   min-width: 27em;
  45. }
  46.  
  47. fmtrackinfo .text-link {
  48.   color: inherit !important;
  49.   text-decoration: none !important;
  50.   cursor: pointer !important;
  51. }
  52.  
  53. fmtrackinfo .text-link:hover:not([disabled]) {
  54.   text-decoration: underline !important;
  55. }
  56.  
  57. /* Player viewer */
  58.  
  59. .firefm-info-outer-box {
  60.   -moz-box-flex: 1;
  61.   -moz-box-align: center;
  62.   border: solid 1px #7F9DB9;
  63.   margin-top: 2px;
  64.   margin-bottom: 2px;
  65.   height: 14px;
  66.   background: url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;
  67. }
  68.  
  69. fmtrackinfo[small="true"] .firefm-info-outer-box {
  70.   margin: 0em;
  71. }
  72.  
  73. fmtrackinfo[small="true"] .firefm-info-throbber {
  74.   list-style-image: url("chrome://global/skin/icons/loading_16.png");
  75.   margin-left: 1em;
  76.   width: 12px;
  77.   height: 12px;
  78. }
  79.  
  80. .firefm-info-deck {
  81.   font-size: 0.9em;
  82. }
  83.  
  84. .firefm-info-deck > hbox {
  85.   -moz-box-align: center;
  86. }
  87.  
  88. .firefm-info-deck label {
  89.   margin-top: 0em !important;
  90.   margin-bottom: 0em !important;
  91. }
  92.  
  93. .firefm-track-info {
  94.   margin: 0em !important;
  95. }
  96.  
  97. .firefm-buffering-deck > hbox {
  98.   -moz-box-flex: 1;
  99. }
  100.  
  101. .firefm-buffering-deck > hbox > label {
  102.   margin-right: 0.5em !important;
  103.   margin-left: 0em !important;
  104. }
  105.  
  106. .firefm-info-progress-box {
  107.   height: 1.1em;
  108. }
  109.  
  110. .firefm-info-progress-elapsed {
  111.   background-color: #C1D2EE;
  112.   opacity: 0.3;
  113. }
  114.  
  115. .firefm-info-progress-playhead {
  116.   width: 2px;
  117.   background-color: #7F9DB9;
  118. }
  119.  
  120. .infoBox {
  121.   padding-left: 3px;
  122.   padding-right: 3px;
  123.   padding-top: 1px;
  124.   padding-bottom: 1px;
  125.   -moz-box-align: center;
  126. }
  127.  
  128. .buffering-label {
  129.   font-size: 85%;
  130.   color: #666;
  131. }
  132.  
  133. .freeLabel,
  134. .timeLabel {
  135.   color: #333;
  136.   font-size: 85%;
  137. }
  138.  
  139. /* Track info panel */
  140.  
  141. .firefm-info-panel-button {
  142.   -moz-appearance: none;
  143.   border: none;
  144. }
  145.  
  146. .firefm-info-panel-outer-box {
  147.   padding: 0.5em;
  148. }
  149.  
  150. .firefm-info-panel-image-box {
  151.   width: 100px;
  152.   -moz-box-pack: start;
  153.   -moz-box-align: center;
  154. }
  155.  
  156. .firefm-info-panel-image-box > image {
  157.   background-image: url("chrome://firefm/skin/logo100.png");
  158.   width: 100px;
  159.   height: 100px;
  160.   border: thin solid #CCCCCC;
  161. }
  162.  
  163. .firefm-info-panel-info-box {
  164.   width: 27em;
  165. }
  166.  
  167. .firefm-info-panel-track {
  168.   font-size: 1.6em;
  169.   margin-bottom: 0.5em;
  170. }
  171.  
  172. .firefm-info-panel-artist {
  173.   font-size: 1.2em;
  174.   font-weight: bold;
  175. }
  176.  
  177. .firefm-info-panel-album {
  178.   font-size: 1.2em;
  179. }
  180.